@import './waterfall.styl'
@import './loading.styl'
@import './img-box.styl'
@import './slide.styl'
@import './search.styl'
@import './notice.styl'
@import './navWrap.styl'
* 
	margin 0
	padding 0
	box-sizing border-box
li 
	list-style none
html, body 
	font-size 14px
	color #333
	width 100%
	height 100%
	overflow hidden
a 
	text-decoration none
	color #333
	&:hover
		text-decoration none
		color #333
.clearfix:after,
.clearfix:before
	content ''
	display: table
.clearfix:after
	clear both

#app 
	display flex
	height 100%
	.img-lt_box
		flex 1
		margin-top 40px
	.slide-rt_box
		position relative
		width 200px
		height 100%
		background-image url('../image/slide_bg.jpg')
		background-size cover
		background-repeat no-repeat
		box-shadow: 10px 0 8px 0 rgba(7,17,27,.1);
		z-index 101
.slide-fade-enter-active {
  transition: all 80s ease;
}
.slide-fade-leave-active {
  transition: all 80s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for <2.1.8 */ {
  transform: translateX(100px);
  opacity: 0;
}

.auth-code
	.code-box
		float: right
		margin-right 20px
		border 1px solid #fe7360
		height 27px
		margin-top 5px
		border-radius 10px
		overflow hidden
		> img, input
			display inline-block
			vertical-align top
		> input
			width 60px
			height 25px
			border-radius 10px
			border none
			background-color transparent
			padding-left 10px
			font-weight: bold
			color #666
			font-size 14px
			outline none
		> img
			height 25px

.up 
	position absolute
	bottom 0
	width 150px
	height 150px
	right 200px
	background-image url('../image/rocket_button_up.png')
	background-repeat no-repeat
	z-index 988
	&:hover
		background-position -150px 0px
		animation fadetooggle .3s

.banquan
	> a
		padding 5px 10px
		color #fff
		background-color #006da3 * .6
		border-radius 5px
	&:hover
		> a
			background-color #006da3
.bg_disabled
	position absolute
	top 0
	right 0
	width 200px
	height 100%
	z-index 103
	display none
@keyframes fadetooggle 
	0%
		opacity 0
	100% 
		opacity 1  